<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/base/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/base/public.css" />
		<script src="js/base/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/base/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<style type="text/css">
		.personal_top {
			height: 50px;
		}
		
		.personal_top_txt {
			color: white;
			font-weight: bolder;
			font-family: "微软雅黑";
			font-size: 20px;
			line-height: 50px;
			margin-left: 20px;
		}
		.personal_footer{
			position: fixed;
			bottom: 0px;
			
		}
		/**{
			background-image: url(img/index/timg.jpg);
		}*/
	</style>

	<body>
		<!--
        	作者：530929822@qq.com
        	时间：2017-03-29
        	描述：个人中心
        -->
        
		<!--顶部开始-->
		<div class="personal_top top_blue"  >
			<span class="personal_top_txt top_blue" >更多</span>
		</div>
		<!--顶部结束-->
		<!--内容开始-->
		<div class="personal_content">
			<div class=" weui-panel weui-panel_access">
				<div class="weui-panel__bd">
					<a @click='personalCenter' class="weui-media-box weui-media-box_appmsg">
						<div class="weui-media-box__hd">
							<img class="weui-media-box__thumb b_radus" src="img/personal/avatar.png">
						</div>
						<div class="weui-media-box__bd" style="position: relative;">
							<h3 class="weui-media-box__title font_color6" v-html='name'></h3>
							<p class="weui-media-box__desc">请登陆账号！</p>
						</div>
					</a>
				</div>
			</div>
			<!--个人头像行结束-->
			<div class="weui-panel">
				<!--
             	作者：530929822@qq.com
             	时间：2017-03-29
             	描述：关注，收藏，草稿，浏览，书架，Live，值呼
             -->
				<div class="weui-panel__bd">
					<div class="weui-media-box weui-media-box_small-appmsg">
						<div class="weui-cells">
							<a class="weui-cell weui-cell_access" href="historyBike.html">
								<div class="Hui-iconfont Hui-iconfont-yanjing font_color6 m_right10">
									<!--font字体-->
								</div>
								<div class="weui-cell__bd weui-cell_primary">
									<p class="font-size14 font_color6">用车记录</p>
								</div>
								<span class="weui-cell__ft"></span>
							</a>
							<a class="weui-cell weui-cell_access" href="information.html">
								<div class="Hui-iconfont Hui-iconfont-cang-selected font_color6 m_right10"></div>
								<div class="weui-cell__bd weui-cell_primary">
									<p class="font-size14 font_color6">实名信息</p>
								</div>
								<span class="weui-cell__ft"></span>
							</a>
							<a class="weui-cell weui-cell_access" href="repair.html">
								<div class="Hui-iconfont Hui-iconfont-shijian font_color6 m_right10"></div>
								<div class="weui-cell__bd weui-cell_primary">
									<p class="font-size14 font_color6">车辆报修</p>
								</div>
								<span class="weui-cell__ft"></span>
							</a>
							<!--<a class="weui-cell weui-cell_access" href="javascript:;">
								<div class="Hui-iconfont Hui-iconfont-money font_color6 m_right10"></div>
								<div class="weui-cell__bd weui-cell_primary">
									<p class="font-size14 font_color6">我的钱包</p>
								</div>
								<span class="weui-cell__ft"></span>
							</a>-->
							<!--<a class="weui-cell weui-cell_access" href="javascript:;">
								<div class="Hui-iconfont Hui-iconfont-github font_color6 m_right10"></div>
								<div class="weui-cell__bd weui-cell_primary">
									<p class="font-size14 font_color6">我的Live</p>
								</div>
								<span class="weui-cell__ft"></span>
							</a>-->
						</div>
					</div>
				</div>
				<a class="weui-cell weui-cell_access" @click='closeDl'>
					<div class="Hui-iconfont Hui-iconfont-avatar font_color6 m_right10"></div>
					<div class="weui-cell__bd weui-cell_primary">
						<p class="font-size14 font_color6" id="exitLogin">退出登录</p>
					</div>
				</a>
			</div>
		</div>
		<!--内容结束-->
		<!--底部按钮开始-->
		<div class="weui-tabbar footer">
			<a href="index.html" class="weui-tabbar__item ">
				<p style="color: rgba(153,153,153,1);"  class="footertab_blue weui-tabbar__label Hui-iconfont Hui-iconfont-saoyisao "></p>
			</a>
			<a href="IM.html " class="weui-tabbar__item ">
				<p class="weui-tabbar__label Hui-iconfont Hui-iconfont-xiaoxi1 "></p>
			</a>
			<a href="personal.html " class="weui-tabbar__item ">
				<p class="footertab_blue weui-tabbar__label Hui-iconfont Hui-iconfont-user "></p>
			</a>
		</div>
		<!--底部按钮结束-->
	</body>
	
	<script type="text/javascript">
		var userName=sessionStorage.getItem("userName");
		console.log(userName)
		//	console.log(sessionStorage.getItem("登录"))
		if(sessionStorage.getItem("userName")) {
			$(".weui-media-box__title").html(userName);
			$(".weui-media-box__desc").html("已完成认证！");
			
		} else {
			$(".weui-media-box__title").html("用户名");
			$(".weui-media-box__desc").html("请登陆账号！");
			$(".weui-media-box").click(function() {
				location.href = 'login.html'
			})
		}
		
		$('#exitLogin').click(function  () {
			sessionStorage.removeItem("userName");
			sessionStorage.removeItem("idCard");
			sessionStorage.removeItem("phoneNumber");
			sessionStorage.removeItem("email");
			$(".weui-media-box__title").html("用户名");
			$(".weui-media-box__desc").html("请登陆账号！");
		})
	</script>

</html>